<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物成功-宋姝婉</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="css/layui.css" />
<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
		<style>
			
			.head{
				background-color: #009E94;
				width: 100%;
				height: 65px;
				
			}
			.layui-breadcrumb{
				padding-top: 15px;
			}
			
		</style>
	</head>
	<body>
		<div class="layui-row">
			
		    <div class="head" style="text-align: center;">
				<div class="layui-breadcrumb" lay-separator="|">
				  <a href=""><i class="layui-icon layui-icon-home" style="font-size: 18px;color: #FFF9EC;">首页</i></a>
				  <a href=""><i class="layui-icon layui-icon-fire" style="font-size: 18px;color: #FFF9EC;">热门景点</i></a>
				  <a href=""><i class="layui-icon layui-icon-praise" style="font-size: 18px;color: #FFF9EC;">推荐文章</i></a>
				  <a href=""><i class="layui-icon layui-icon-cart-simple" style="font-size: 18px;color: #FFF9EC;">购物车</i></a>
				  <a href=""><i class="layui-icon layui-icon-list" style="font-size: 18px;color: #FFF9EC;">我的订单</i></a>
				  <a href=""><i class="layui-icon layui-icon-user" style="font-size: 18px;color: #FFF9EC;">关于我们</i></a>
				</div>
		    </div>
		   </div>
	
    
        <script type="text/javascript" src="js/layui.all.js" ></script>
        <script>
		
		
		
	    </script>
	    
	    <div class="main_con clearfix">
		<div class="left_menu_con clearfix">
			<h3>用户中心</h3>
			<ul>
				<li><a href="">· 个人信息</a></li>
				<li><a href="" class="active">· 全部订单</a></li>
				<li><a href="">· 收货地址</a></li>
			</ul>
		</div>
		<div class="right_content clearfix">
				<h3 class="common_title2">全部订单</h3>
				<ul class="order_list_th w978 clearfix">
					<li class="col01">2016-8-21 17:36:24</li>
					<li class="col02">订单号：56872934</li>
					<li class="col02 stress">未支付</li>		
				</ul>

				<table class="order_list_table w980">
					<tbody>
						<tr>
							<td width="55%">
								<ul class="order_goods_list clearfix">					
									<li class="col01"><img src="images/product-02.jpg"></li>
									<li class="col02">上海迪士尼三天两晚<em>￥1158</em></li>	
									<li class="col03">1</li>
									<li class="col04">￥1158元</li>	
								</ul>
								<ul class="order_goods_list clearfix">					
									<li class="col01"><img src="images/product-03.jpg"></li>
									<li class="col02">上海薰衣草公园一日游<em>￥339</em></li>	
									<li class="col03">1</li>
									<li class="col04">￥339元</li>	
								</ul>
							</td>
							<td width="15%">1497元</td>
							<td width="15%">待付款</td>
							<td width="15%"><a href="#" class="oper_btn">去付款</a></td>
						</tr>
					</tbody>
				</table>
				
				<ul class="order_list_th w978 clearfix">
					<li class="col01">2016-8-21 17:36:24</li>
					<li class="col02">订单号：56872934</li>
					<li class="col02 stress">已支付</li>			
				</ul>
				<table class="order_list_table w980">
					<tbody>
						<tr>
							<td width="55%">
								<ul class="order_goods_list clearfix">					
									<li class="col01"><img src="images/product-05.jpg"></li>
									<li class="col02">西藏六日五晚跟团游<em>￥5288</em></li>	
									<li class="col03">1</li>
									<li class="col04">￥5288元</li>	
								</ul>
								<ul class="order_goods_list clearfix">					
									<li class="col01"><img src="images/product-06.jpg"></li>
									<li class="col02">三亚五日四晚跟团游<em>￥2251</em></li>	
									<li class="col03">1</li>
									<li class="col04">￥2251元</li>	
								</ul>
							</td>
							<td width="15%">7539元</td>
							<td width="15%">已付款</td>
							<td width="15%"><a href="#" class="oper_btn">查看物流</a></td>
						</tr>
					</tbody>
				</table>

				<div class="pagenation">
					<a href="#"><上一页</a>
					<a href="#" class="active">1</a>
					<a href="#">2</a>
					<a href="#">3</a>
					<a href="#">4</a>
					<a href="#">5</a>
					<a href="#">下一页></a>
				</div>
		</div>
	</div>
	</body>
</html>
